html,body{
    width: 100%;
    height: 100%;
    background-color: #EAEAEA;
}
.wrap{

    margin: auto;
    width: 1200px;
    height: 1200px;

    header{
        display: flex;
        justify-content: space-between;
        height: 100px;
        .left{
            display: flex;
            align-items: center;
        }
        .right{
            ul{
                li{
                    color: #666666;
                    line-height: 30px;
                    &:last-child{
                        color:red;
                        font-size: 18px;
                    }
                }
            }
        }
    }

    section{
        nav{
            ul{
                display: flex;
                background-color: #E10011;
                li{
                    width: 110px;
                    display: flex;
                    text-align: center;
                    align-items: center;
        
                    a{
                        display: inline-block;
                        border-right: 1px solid #AF000D;
                        width: 110px;
                        color: #fff;
                    }
                    height: 40px;
                    
                }
            
            }
        }
        .content-all{
                display: none;
            .pho1{
                width: 972px;
                height: 250px;
                margin: 20px 0;
                
            }
            .box{
                width: 100%;
                height: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #fff;
                border: q\1px solid #CCCCCC;
            }
            .mid1{
                margin: 20px 0px;
                width: 972px;
                height: 245px;
                border-radius: 20px;
                border: 1px solid #ccc;
                background-color: #F6F5F5;
                ul{
                    display: flex;
                    height: 50px;
                    li{
                        text-indent: center;
                        padding: 0 15px;
                        line-height: 50px;
                        &:first-child{
                            background-color: red;
                            border-top-left-radius: 20px;
                            color:#fff;
                            font-weight: 900;
                        }
                    }
                    li:hover{
                        color:#fff;
                        font-weight: 900;
                        background-color: red;
                    }
                }
                .div{
                    display: flex;
                    justify-content: space-evenly;
                    .content{
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        width: 210px;
                        height: 163px;
                        align-items: center;
                        font-size: 15px;
                        img{
                            width: 200px;
                            height: 143px;
                        }
                    }
                }
            }
            .mid2{
                .nav2{
                    background-color: #E0E0E0;
                    width: 972px;
                    border: #CCCCCC;
                    display: flex;
                    justify-content: space-evenly;
                    li{
                        &:first-child{
                            width: 77px;
                            height: 64px;
                            background-color: #F50214;
                            font-size: 23px;
                            color:#fff;
                        }
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        height: 65px;
                        padding: 0 10px;
                        border: #CCCCCC;
                        font-size: 15px;
                        background-color: #F9F9F9;
                    }
                }
            }
            .mid3{
                display: flex;
                width: 972px;
                justify-content: space-between;
                margin:25px 0;
                .cont{
                    width: 234px;
                    height: 290px;
                    border-radius: 10px;
                    background-color: #fff;
                    .top{
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        display: flex;
                        justify-content: space-between;
                        width: 100%;
                        height: 40px;
                        line-height: 40px;
                        background-color: #F6F6F6;
                        span{
                            display: inline-block;
                            width: 10px;
                            height: 10px;
                            margin-top: 14.5px;
                            border-radius: 50%;
                            margin-left: 5px;
                            background-color: red;
                        }
                        .aa{
                            margin-left: -95px;
                        }
                    }
                    .nav3{
                        li{
                            span{
                                display: inline-block;
                                width: 5px;
                                height: 5px;
                                background-color: #666666;
                                border-radius: 50%;
                                margin: -3px 9px 0px;
                            }
                            color:#666666;
                            line-height: 25px;
                            font-size: 14px;
                            &:first-child{
                                color:red;
                            }
                        }
                    }
                }
                
            }
        }
    }
    footer{
        text-align: center;       
        background-color: #fff;
        border-top:3px solid red;
        width: 100%;
        color:#666666;
        ul{
            margin: 30px 0px;
            li{
                line-height: 25px;
            }
        }
        
    }
}